<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语义化布局</title>
</head>
<body>

<section>

    <section><nav>nav</nav></section>

    <section>
        <article>article</article>
    </section>
    <footer>footer</footer>
    <header>header</header>

</section>
</body>
</html>